<template>

  <div class="lin_footer">
    <div class="lin_footer_info">
      <div class="lin_footer_info_content">©2025/Xie Lincai/Building Your Personal Bogo - NextJS</div>
      <div>
        <GitIconList/>
      </div>
    </div>
  </div>

</template>

<script setup lang="ts">
import GitIconList from "~/ components/icon/GitIconList.vue";
</script>



<style scoped lang="scss">

.lin_footer {
  position: relative;
}
.lin_footer_info {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: auto;
  padding-bottom: 10px;
  padding-top: 100px;
}

.lin_footer_info div {
  align-items: center;
  align-content: center;
}

.lin_footer_info_content {
  font-size: 11px;
}

@media screen and (max-width: 835px) {
  .lin_footer_info_content {
    font-size: 10px;
  }
}

@media screen and (max-width: 580px) {
  .lin_footer_info_content {
    font-size: 7px;
  }
}

@media screen and (max-width: 430px) {
  .lin_footer_info_content {
    display: none;
  }
  .lin_footer_info {
    justify-self: center;
    margin-right: 40px;
  }
}

</style>